<%--
  Created by IntelliJ IDEA.
  User: xianfei
  Date: 15-12-22
  Time: 下午5:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
    <title></title>
    <script>
        function sure() {
            var data = $("#param").data("contactsguid");
            console.log('参数:' + data);
        }
        function model() {
            $('#myModal').on('shown.bs.modal',function (e) {
                $("#myModalLabel").html("模态框标题");
                $(".modal-body").html("模态框内容");
                var content = '<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>' +
                        '<button type="button" class="btn btn-primary" onclick="sure()">确定</button>';
                $(".modal-footer").html(content);
            }).modal('toggle');
        }
    </script>
</head>
<body>
<a href="javascript:model()" id="param" data-contactsguid="paramguid">删除</a>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body"></div>
            <div class="modal-footer"></div>
        </div>
    </div>
</div>
</body>
</html>